<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="renderer" content="webkit">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
	<!--[if lt IE 9]>
	<meta http-equiv="refresh" content="0;url=ie.html"/>
	<![endif]-->

	<title>物联网技术应用</title>
<!-- endbuild -->
	<script type="text/javascript">
		window.navicon = "fa fa-angle-double-right";
		//设置导航栏的标题
		window.setNavText = function (text) {
			var el = document.getElementById("navbar_nav_text");
			var navText = '<span class="'+window.navicon+'"></span>&nbsp;'+text;
			el && (el.innerHTML = el.textContent = navText);
		};
	</script>
	<link rel="shortcut icon" href="favicon.ico">
	<link rel="stylesheet" href="css/animate.min.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<!-- build:css css/style.css -->
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/hAdmin-extension.css">
	<!-- endbuild -->
	<style>
		.inoc {
			color: #118BD8;
		}

		.nav-header-padding-bottom {
			padding-bottom: 12px;
		}

		.sidebar-collapse {
			background-color: #118BD8;
		}

		.liline {
			width: 100%;
			height: 1px;
			overflow: hidden;
			font-size: 0;
			background-color: #cacaca;
		}
		.navbar_page_title {
			padding: 6px 0 2px 0;
			margin: 14px 5px 5px 15px;
			font-size: 14px;
			float: left;
		}
		.count-info .label.newNotification-icon,
		.count-info .label.newNotification-icon:hover {
			background-color: transparent;
		}
		.sk-spinner-double-bounce.sk-spinner {
			width: 15px;
			height: 15px;
			position: relative;
			margin: 0 auto;
		}

		.sk-spinner-double-bounce .sk-double-bounce1,
		.sk-spinner-double-bounce .sk-double-bounce2 {
			width: 100%;
			height: 100%;
			border-radius: 50%;
			background-color: #ed5565;
			opacity: 0.6;
			position: absolute;
			top: 0;
			left: 0;
			-webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
			animation: sk-doubleBounce 2s infinite ease-in-out;
		}
		.sk-spinner-double-bounce .sk-double-bounce2 {
			-webkit-animation-delay: -1s;
			animation-delay: -1s;
		}
	</style>
</head>

<body oncontextmenu="self.event.returnValue=false" ondragstart="return false" class="fixed-sidebar full-height-layout gray-bg">
<div id="wrapper">
	<!--左侧导航开始-->
	<nav class="navbar-default navbar-static-side" role="navigation">
		<div class="nav-close"><i class="fa fa-times-circle"></i>
		</div>
		<div class="sidebar-collapse">
			<ul class="nav" id="side-menu">
				<li class="nav-header nav-header-padding-bottom">
					<div class="dropdown profile-element">
						<a data-toggle="dropdown" class="dropdown-toggle" href="#">
							<span class="clear">
								<span class="block m-t-xs" style="font-size:18px;">
									<strong class="font-bold">物联网应用技术</strong>
								</span>
							</span>
						</a>
					</div>
					<div class="logo-element">物联网</div>
				</li>
				<li>
					<a href="#">
						<i class="fa fa-institution"></i>
						<span class="nav-label">智能家居</span>
						<span class="fa arrow"></span>
					</a>
					<ul class="nav nav-second-level">
						<li><a href="">实时数据</a></li>
						<li><a href="">历史记录</a></li>
					</ul>
				</li>
				<li>
					<a href="#">
						<i class="fa fa-flash"></i>
						<span class="nav-label">工业电能</span>
						<span class="fa arrow"></span>
					</a>
					<ul class="nav nav-second-level">
						<li><a href="#/real_factory.html">实时数据</a></li>
						<li><a href="">历史记录</a></li>
					</ul>
				</li>
				<li>
					<a href="#">
						<i class="fa fa-tint"></i>
						<span class="nav-label">出租屋</span>
						<span class="fa arrow"></span>
					</a>
					<ul class="nav nav-second-level">
						<li><a href="">实时数据</a></li>
						<li><a href="">历史记录</a></li>
					</ul>
				</li>
				<li>
					<a href="#">
						<i class="fa fa-tree"></i>
						<span class="nav-label">环境监控</span>
						<span class="fa arrow"></span>
					</a>
					<ul class="nav nav-second-level">
						<li><a href="">实时数据</a></li>
						<li><a href="">历史记录</a></li>
					</ul>
				</li>
			</ul>
		</div>
	</nav>
	<!--左侧导航结束-->
	<!--右侧部分开始-->
	<div id="page-wrapper" class="gray-bg dashbard-1">
		<div class="row" style="margin-bottom: -3px">
			<nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
				<div class="navbar-header-sm">
					<a class="navbar-minimalize minimalize-styl-2 btn btn-success" href="#">
						<i class="fa fa-bars"></i>
					</a>
				</div>
				<div class="navbar_page_title">
					<span id="navbar_nav_text" class="font-bold" style="color:#3e495f;"></span>
				</div>
				<ul class="nav navbar-top-links navbar-right">
					<li class="dropdown" id="userli">
						<a class="dropdown-toggle count-info" data-toggle="dropdown" href="#" id="user">
							<i class="fa fa-user inoc"></i><span id="navbar-username"></span>
						</a>						
					</li>
					<li>
						<a id="exit" href="javascript:;">
							<i class="fa fa-sign-out inoc"></i> <span class="nav-label">退出</span>
						</a>
					</li>
				</ul>
			</nav>
		</div>
		<div class="row J_mainContent" id="content-main">
			<iframe id="J_iframe" name="J_iframe" width="100%" height="100%" src="real_factory.html" frameborder="0" seamless></iframe>
		</div>
	</div>
	<!--右侧部分结束-->
</div>


</body>s
</html>
<!-- 全局js -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/metisMenu/jquery.metisMenu.js"></script>
<script src="js/slimscroll/jquery.slimscroll.min.js"></script>
<!-- endbuild -->
<script src="js/hAdmin.js"></script>
<!-- endbuild -->
<!-- build:js js/main.js -->
<script src="js/main.js"></script>